<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
<link rel="stylesheet" type="text/css" href="css/base.css">

<link rel="stylesheet" type="text/css" href="css/btn.css">
<link rel="stylesheet" type="text/css" href="css/list.css">
<link rel="stylesheet" type="text/css" href="css/share.css">
<link rel="stylesheet" type="text/css" href="css/form.css">

<link rel="stylesheet" type="text/css" href="css/demostyle.css">
</head>

<body>
<div class="demobox">
	<div class="h3">图片列表<small>图片、标题、描述、可以带缩略图等更多内容</small></div>
    
	<form action="" method="get" class="bl-form bl-formhor">
        <ul>
            <li class="bl-form-group form-error">
                <label>文章标题：</label>
                <div class="controls">
                    <input type="text" value="" name="" class="fn-tinput"/>
                    <span class="cktip">不通过</span>
                </div>
            </li>
            <li class="bl-form-group form-ok">
                <label>长一点的：</label>
                <div class="controls">
                    <input type="text" value="" name="" class="fn-tinput fn-tinput-long"/>
                    <span class="cktip">通过</span>
                </div>
            </li>
            <li class="bl-form-group"  style="position:relative">
                <label>更长些：</label>
                <div class="controls">
                    <input type="text" value="" name="" class="fn-tinput fn-tinput-longer"/>
                    <div class="bl-tip-box tip-skin-def" style="display:block; top:32px; left:26%;">
                        <div class="J-box TJ-box"><span class="J"></span><i class="J"></i></div>
                        <div class="bl-tip-con cktip" style="display:block">不能为空</div>
                    </div>
                    
                </div>
            </li>
            <li class="bl-form-group bl-form-text">
                <label>属性：</label>
                <div class="controls">
                    <label><input name="radio1" type="radio" value="">置顶</label>
                    <label><input name="radio1" type="radio" value="">推荐</label>
                </div>
            </li>
            <li class="bl-form-group bl-form-text">
                <label>只是文本：</label>
                <div class="controls">
                    只是文本
                </div>
            </li>
            <li class="bl-form-group fn-dib">
                <label>不可编辑：</label>
                <div class="controls">
                    <input type="text" value="不可编辑" name="" class="fn-tinput" readonly disabled/>
                </div>
            </li>
            <li class="bl-form-group fn-dib">
                <label>责任编辑：</label>
                <div class="controls">
                    <input type="text" value="" name="" class="fn-tinput"/>
                </div>
            </li>
            <li class="bl-form-group">
                <label>下拉菜单：</label>
                <div class="controls">
                    <select>
                    	<option value="">----选择菜单----</option>
                        <option value="1">菜单1</option>
                        <option value="2">菜单2</option>
                        <option value="3">菜单3</option>
                        <option value="4">菜单4</option>
                    </select>
                </div>
            </li>
            <li class="bl-form-group">
                <label>相关图片：</label>
                <div class="controls">
                    <input name="" type="file" class="fn-file">
                </div>
            </li>
            <li class="bl-form-group">
                <label>内容：</label>
                <div class="controls editor">
                    <textarea name="" cols="" rows=""></textarea>
                </div>
            </li>
            <li class="bl-form-group">
                <label class="fn-vhid">内容：</label>
                <div class="controls btns">
                    <button type="submit" class="fn-btn btn-warning">确定</button>
            		<button type="reset" class="fn-btn">重置</button>
                </div>
            </li>
        </ul>
    </form>
</div>
</body>
</html>
